<template>
    <div class="search">
        <van-nav-bar title="搜索" style="background-color: #FFF781;"/>
        <form action="/">
            <van-search
                v-model="value"
                placeholder="请输入搜索关键词"
                show-action
                @search="onSearch"
                @cancel="onCancel"
            />
        </form>

        <!-- 底 -->
        <van-tabbar route >
            <van-tabbar-item
                replace
                to="/"
                icon="home-o"
            >
                首页
            </van-tabbar-item>
            <van-tabbar-item
                replace
                to="/search"
                icon="search"
            >
                搜索
            </van-tabbar-item>
            <van-tabbar-item
                replace
                to="/notes"
                icon="notes-o"
            >
                订单
            </van-tabbar-item>
            <van-tabbar-item
                replace
                to="/about"
                icon="contact"
            >
                我的
            </van-tabbar-item>
        </van-tabbar>
    </div>
</template>